import './foot.css'
import { Link } from 'react-router-dom'
import home from '../assets/images/1.png'
import cate from '../assets/images/2.png'
import cart from '../assets/images/3.png'
import main from '../assets/images/4.png'
// import searchimg from '../assets/images/search.png'
function Foot() {

    return (
        <div>
            <div className="foot">
                <Link to='/index/home'>
                  <div className='box'>
                    <h1>
                        <img src={home} alt="" />
                    </h1>

                </div>
                </Link>
                <Link to='/index/cate'>
                <div className='box'>
                    <h1>
                        <img src={cate} alt="" />
                    </h1>

                </div>
                </Link>
                <Link to='/index/cart'>
                <div className='box'>
                    <h1>
                        <img src={cart} alt="" />
                    </h1>

                </div>
                </Link>
                <Link to='/index/main'>
                <div className='box'>
                    <h1>
                        <img src={main} alt="" />
                    </h1>

                </div>
                </Link>

            </div>
        </div>
    )
}

export default Foot